<script>
$(document).ready()

function loadCalendar(){
	var date = new Date();
	var d = date.getDate();
	var m = date.getMonth();
	var y = date.getFullYear();

	$('#calendar').fullCalendar({
		minTime: '9:00',
		maxTime: '19:00',
		header: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,agendaWeek,agendaDay'
		},
		defaultView: 'agendaDay',
		events: [
			{
				id: 1,
				title: "Long Event",
				start: new Date(y, m, d),
				end: new Date(y, m, d+3),
				allDay: true
			},
			{
				id: 2,
				title: "Repeating Event",
				start: new Date(y, m, d-1),
				allDay: true
			},
			{
				id: 2,
				title: "Repeating Event",
				start: new Date(y, m, d+6),
				allDay: true
			},
			{
				id: 3,
				title: "Meeting",
				start: new Date(y, m, d, 10, 0),
				allDay: false
			},
			{
				id: 4,
				title: "Click for Facebook",
				start: new Date(y, m, d, 11, 30),
				end: new Date(y, m, d),
				url: "http://facebook.com/",
				allDay: false
			}
		]
	})
}
</script>

<div id="calendar" class="col-lg-12">
</div>